<template>
	<div class="agreement-page-wap-view">
		<input type="checkbox" v-model="show" @change="dochange"/>
		<span @click="doClick">我已经阅读并同意</span>
		<!-- <a href="#" v-link="{path:'agreement'}">《授权协议》</a> -->
		<router-link to="/agreement">《注册协议》</router-link>
	</div>
</template>
<script>
	export default {
	    watch: {        
	    	confirm(val){
	    		// this.show = val ;
	    	},
	    },
	    mounted: function() {
	        
	    },
	    methods: {
	        dochange(){
	    		this.$emit('update:confirm',this.show);
	    		console.log("update:",this.show);
	        },
	        doClick(){
	        	this.show = !this.show ;
	    		this.$emit('update:confirm',this.show);
	        }
	    },
		props: {
	        confirm: Boolean
	    },
		data() {
			return {
				show:false,
			}
		}
	}
</script>
<style scoped>
	.agreement-page-wap-view {
		width: 100%;
		text-align: left;
		    padding-left: 15px;
		color: #000;
		font-size: des2devrem(28px);
		input{
			width: des2devrem(28px);
			height: des2devrem(28px);
			vertical-align: middle;
		}
		span{
			vertical-align: middle;
		}
		a{
			color: #157efb;
			vertical-align: middle;
		}
	}
</style>